/**
 * CSS Document * 
 * Created by Jessie 2016/7/11.
 */
@import "common/reset";
@import "common/grids";
@import "common/common";
html{background: url("../images/ns2016_bg.png") repeat-x left top;position: relative;}
#header{.center-block(1180px);position: relative;z-index: 100;
  .logo-box{height: 100px;.clearfix;overflow: hidden;
    h1{.dis-in-b;.float-left;width: 350px;padding: 25px 0 24px 0;a{.dis-in-b;width: 350px;height: 51px;background: url("../images/ns2016_logo.png") no-repeat;}}
    p{font:14px/23px @font-yahei;color: #666;.text-right;a{margin: 0 10px;font:14px/23px @font-yahei;color: #666;&:hover{color: #f60;}}}
  }
  .nav{.clearfix;height: 50px;
    ul{.dis-in-b;.float-left;
      li{
        a{.dis-in-b;padding: 0 15px;font:18px/50px @font-yahei;color: #fff;
          &:hover,&.cur{background: #edac37;font-weight: bold;}
        }
      }
    }
    .nav-btn{.dis-in-b;.float-right;width: 60px;height: 50px;border:none;background: url("../images/ns2016_btn_search.png") no-repeat center center;border-left:1px solid #d54a19;cursor: pointer;position: relative;
      &.cur{background:#fff url("../images/ns2016_btn_search_h.png") no-repeat center center;}
      .from-box{.dis-in-b;width:265px;padding: 20px;background: #fff;position: absolute;top:50px;right: 0;z-index: 100;.rounded-corners(0 0 5px 5px);.clearfix;overflow: hidden;display: none;
        .sr{.dis-in-b;.float-left;width: 204px;height: 36px;border: 1px solid #cecece;border-right: none;padding-left: 10px;font:14px/36px @font-yahei;color: #333;}
        .btn01{.dis-in-b;.float-right;width: 50px;height: 38px;border: none;background:#fa571d url("../images/ns2016_btn_search.png") no-repeat center center;}
      }
    }
  }
}
#content{.center-block(1180px);padding-bottom: 30px;.clearfix;z-index: 10}
#footer{background: #ebe1de;padding: 20px 0;.text-center;
  p{font:14px/24px @font-yahei;color: #333;
    a{margin:0 10px;font:14px/24px @font-yahei;color: #333;&:hover{color: #f60;}}
    &.hui{color: #999;}
  }
}
.right-bar{.dis-in-b;width: 37px;position: fixed;right: 20px;bottom: 50px;
  a{.dis-in-b;width: 37px;height: 37px;margin-top: 5px;
    &.ico01{background: url("../images/ns2016_right_bar.png") no-repeat 0 0;}
    &.ico02{background: url("../images/ns2016_right_bar.png") no-repeat 0 -42px;}
    &.ico03{background: url("../images/ns2016_right_bar.png") no-repeat 0 -84px;}
    &.ico04{background: url("../images/ns2016_right_bar.png") no-repeat 0 -126px;}
    &.ico05{background: url("../images/ns2016_right_bar.png") no-repeat 0 -168px;}
    &.gototop{background: url("../images/ns2016_right_bar.png") no-repeat 0 -210px;}
  }
}
.curmb{
  .curmb(39px,14px,#333,none);
  border-bottom: 1px solid #eee;
  padding-left: 20px;
}
.page{
  .page(17px 0, 28px, 14px, #666, #f60, none);
  a{.dis-in-b;padding: 0 8px;border: 1px solid #ddd;
  &:hover,&.cur{border:1px solid #f60;color: #f60;}}
}
.xlcontent{
  .xlcontent(#fa571d, 30px, 50px, 14px, 26px, @font-yahei);
  .xl-bot{border-top:1px solid #eee;padding: 20px 0;margin: 0 20px;
    p{font:14px/24px @font-yahei;color: #333;a{font:14px/24px @font-yahei;color: #96847a;&:hover{color: #f60;}}}
  }
}